<nav aria-label="Page navigation" class="wrap-pagination">
    <ul class="pagination" ng-if="pageCount>1 || showIfOnePage">
        <li ng-click="pageChange(1)" ng-if="showFirstLastText"><a>{{'firstText' | translate}}</a></li>
        <li>
            <a ng-click="pageChange(currentPage-1>0?currentPage-1:1)" aria-label="Previous">
                <span aria-hidden="true">&laquo;</span>
            </a>
        </li>
        <li ng-repeat="pagenum in pagenums track by pagenum" ng-click="pageChange(pagenum)" ng-class="{active:currentPage===pagenum}"><a>{{pagenum}}</a></li>
        <li>
            <a ng-click="pageChange(currentPage+1<=pageCount?currentPage+1:pageCount)" aria-label="Next">
                <span aria-hidden="true">&raquo;</span>
            </a>
        </li>
        <li ng-click="pageChange(pageCount)" ng-if="showFirstLastText"><a>{{'lastText' | translate}}</a></li>
    </ul>

    <div class="goto" ng-if="pageCount>1 && showGoto">{{'gotoText'| translate}}<input type="text" ng-keyup="keyupHanlder($event)"></div>
</nav>